﻿@using OTE.Web.Infrastructure.Helper
<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Css("screen.css")" rel="stylesheet" type="text/css" />
    <!--[if IE]>
    <link href="@Url.Css("pro_dropline_ie.css")" rel="stylesheet" type="text/css" />
    <![endif]-->
    <!--  jquery core -->
    <script type="text/javascript" src="@Url.Script("jquery-1.6.1.min.js")"></script>
    <!--  checkbox styling script -->
    <script type="text/javascript" src="@Url.Script("ui.core.js")"></script>
    <script type="text/javascript" src="@Url.Script("ui.checkbox.js")"></script>
    <script type="text/javascript" src="@Url.Script("jquery.bind.js")"></script>
    <script type="text/javascript" src="@Url.Script("common.js")"></script>
    <script type="text/javascript">
        $(function () {
            $('input').checkBox();
            $('#toggle-all').click(function () {
                $('#toggle-all').toggleClass('toggle-checked');
                $('#mainform input[type=checkbox]').checkBox('toggle');
                return false;
            });
        });
    </script>
    <![if !IE 7]>
    <!--  styled select box script version 1 -->
    <script type="text/javascript" src="@Url.Script("jquery.selectbox-0.5.js")"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.styledselect').selectbox({ inputClass: "selectbox_styled" });
        });
    </script>
    <![endif]>
    <!--  styled select box script version 2 -->
    <script type="text/javascript" src="@Url.Script("jquery.selectbox-0.5_style_2.js")"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
            $('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
        });
    </script>
    <!--  styled select box script version 3 -->
    <script type="text/javascript" src="@Url.Script("jquery.selectbox-0.5_style_2.js")"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
        });
    </script>
    <!-- Custom jquery scripts -->
    <script type="text/javascript" src="@Url.Script("custom_jquery.js")"></script>
    <!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
    <script type="text/javascript" src="@Url.Script("jquery.pngFix.pack.js")"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(document).pngFix();
        });
    </script>
    <style type="text/css">
        div.error
        {
            float: none;
            color: red;
            padding-left: .5em;
            vertical-align: top;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <!-- Start: page-top-outer -->
    @{Html.RenderPartial("_TopBanner");}
    <!-- End: page-top-outer -->
    <div class="clear">
        &nbsp;</div>
    <!--  start nav-outer-repeat................................................................................................. START -->
    @{Html.RenderPartial("_TopMenu");}
    <!--  start nav-outer-repeat................................................... END -->
    <div class="clear">
    </div>
    <!-- start content-outer ........................................................................................................................START -->
    <div id="content-outer">
        <!-- start content -->
        <div id="content">
            @RenderBody()
        </div>
        <!--  end content -->
        <div class="clear">
            &nbsp;</div>
    </div>
    <!--  end content-outer........................................................END -->
    <div class="clear">
        &nbsp;</div>
    <!-- start footer -->
    <div id="footer">
        <!--  start footer-left -->
        <div id="footer-left">
            Copyright ABC Group. <span id="spanYear"></span>All rights reserved.</div>
        <!--  end footer-left -->
        <div class="clear">
            &nbsp;</div>
    </div>
    <!-- end footer -->
</body>
</html>